
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 14:41:48 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 25s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="andre237">
        <span class="simulation-information-label">Description: </span>
        <span>andre237</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68418</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692801708000,3],[1692801709000,2],[1692801710000,2],[1692801711000,2],[1692801712000,2],[1692801713000,2],[1692801714000,2],[1692801715000,2],[1692801716000,2],[1692801717000,2],[1692801718000,2],[1692801719000,2],[1692801720000,2],[1692801721000,2],[1692801722000,2],[1692801723000,2],[1692801724000,2],[1692801725000,2],[1692801726000,2],[1692801727000,2],[1692801728000,2],[1692801729000,2],[1692801730000,2],[1692801731000,2],[1692801732000,2],[1692801733000,6],[1692801734000,6],[1692801735000,6],[1692801736000,7],[1692801737000,7],[1692801738000,7],[1692801739000,7],[1692801740000,8],[1692801741000,7],[1692801742000,8],[1692801743000,8],[1692801744000,8],[1692801745000,8],[1692801746000,9],[1692801747000,9],[1692801748000,9],[1692801749000,9],[1692801750000,9],[1692801751000,10],[1692801752000,9],[1692801753000,10],[1692801754000,10],[1692801755000,10],[1692801756000,11],[1692801757000,11],[1692801758000,10],[1692801759000,11],[1692801760000,12],[1692801761000,11],[1692801762000,12],[1692801763000,11],[1692801764000,12],[1692801765000,12],[1692801766000,13],[1692801767000,12],[1692801768000,13],[1692801769000,13],[1692801770000,13],[1692801771000,13],[1692801772000,14],[1692801773000,13],[1692801774000,14],[1692801775000,14],[1692801776000,14],[1692801777000,15],[1692801778000,14],[1692801779000,15],[1692801780000,15],[1692801781000,15],[1692801782000,16],[1692801783000,15],[1692801784000,16],[1692801785000,16],[1692801786000,16],[1692801787000,16],[1692801788000,17],[1692801789000,16],[1692801790000,17],[1692801791000,17],[1692801792000,18],[1692801793000,17],[1692801794000,18],[1692801795000,17],[1692801796000,18],[1692801797000,19],[1692801798000,18],[1692801799000,18],[1692801800000,19],[1692801801000,19],[1692801802000,19],[1692801803000,20],[1692801804000,19],[1692801805000,20],[1692801806000,20],[1692801807000,20],[1692801808000,20],[1692801809000,20],[1692801810000,21],[1692801811000,21],[1692801812000,21],[1692801813000,21],[1692801814000,22],[1692801815000,21],[1692801816000,22],[1692801817000,22],[1692801818000,22],[1692801819000,22],[1692801820000,23],[1692801821000,23],[1692801822000,23],[1692801823000,23],[1692801824000,23],[1692801825000,23],[1692801826000,24],[1692801827000,24],[1692801828000,24],[1692801829000,24],[1692801830000,25],[1692801831000,24],[1692801832000,25],[1692801833000,25],[1692801834000,25],[1692801835000,25],[1692801836000,26],[1692801837000,26],[1692801838000,26],[1692801839000,26],[1692801840000,26],[1692801841000,27],[1692801842000,26],[1692801843000,27],[1692801844000,27],[1692801845000,27],[1692801846000,28],[1692801847000,28],[1692801848000,27],[1692801849000,28],[1692801850000,29],[1692801851000,28],[1692801852000,29],[1692801853000,28],[1692801854000,29],[1692801855000,29],[1692801856000,30],[1692801857000,29],[1692801858000,30],[1692801859000,30],[1692801860000,30],[1692801861000,30],[1692801862000,31],[1692801863000,30],[1692801864000,31],[1692801865000,31],[1692801866000,31],[1692801867000,32],[1692801868000,31],[1692801869000,32],[1692801870000,32],[1692801871000,32],[1692801872000,33],[1692801873000,33],[1692801874000,33],[1692801875000,33],[1692801876000,33],[1692801877000,33],[1692801878000,34],[1692801879000,33],[1692801880000,34],[1692801881000,34],[1692801882000,35],[1692801883000,34],[1692801884000,35],[1692801885000,34],[1692801886000,35],[1692801887000,36],[1692801888000,35],[1692801889000,35],[1692801890000,36],[1692801891000,35],[1692801892000,37],[1692801893000,37],[1692801894000,36],[1692801895000,37],[1692801896000,37],[1692801897000,37],[1692801898000,37],[1692801899000,37],[1692801900000,38],[1692801901000,38],[1692801902000,38],[1692801903000,38],[1692801904000,39],[1692801905000,38],[1692801906000,39],[1692801908000,39],[1692801909000,39],[1692801910000,39],[1692801911000,40],[1692801912000,40],[1692801913000,19]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692801708000,3],[1692801709000,3],[1692801710000,2],[1692801711000,2],[1692801712000,3],[1692801713000,2],[1692801714000,3],[1692801715000,2],[1692801716000,2],[1692801717000,2],[1692801718000,3],[1692801719000,4],[1692801720000,2],[1692801721000,4],[1692801722000,8],[1692801723000,7],[1692801724000,7],[1692801725000,5],[1692801726000,7],[1692801727000,7],[1692801728000,4],[1692801729000,3],[1692801730000,7],[1692801731000,4],[1692801732000,9],[1692801733000,8],[1692801734000,12],[1692801735000,14],[1692801736000,18],[1692801737000,21],[1692801738000,24],[1692801739000,27],[1692801740000,32],[1692801741000,35],[1692801742000,39],[1692801743000,41],[1692801744000,45],[1692801745000,48],[1692801746000,51],[1692801747000,55],[1692801748000,57],[1692801749000,60],[1692801750000,65],[1692801751000,69],[1692801752000,73],[1692801753000,75],[1692801754000,78],[1692801755000,82],[1692801756000,86],[1692801757000,87],[1692801758000,91],[1692801759000,95],[1692801760000,98],[1692801761000,102],[1692801762000,106],[1692801763000,108],[1692801764000,111],[1692801765000,115],[1692801766000,119],[1692801767000,122],[1692801768000,124],[1692801769000,129],[1692801770000,133],[1692801771000,136],[1692801772000,141],[1692801773000,141],[1692801774000,145],[1692801775000,150],[1692801776000,153],[1692801777000,155],[1692801778000,158],[1692801779000,162],[1692801780000,166],[1692801781000,171],[1692801782000,173],[1692801783000,175],[1692801784000,179],[1692801785000,183],[1692801786000,186],[1692801787000,188],[1692801788000,192],[1692801789000,195],[1692801790000,200],[1692801791000,203],[1692801792000,207],[1692801793000,209],[1692801794000,213],[1692801795000,216],[1692801796000,219],[1692801797000,220],[1692801798000,226],[1692801799000,227],[1692801800000,232],[1692801801000,236],[1692801802000,239],[1692801803000,242],[1692801804000,247],[1692801805000,250],[1692801806000,251],[1692801807000,255],[1692801808000,258],[1692801809000,260],[1692801810000,267],[1692801811000,268],[1692801812000,274],[1692801813000,277],[1692801814000,279],[1692801815000,282],[1692801816000,285],[1692801817000,292],[1692801818000,293],[1692801819000,295],[1692801820000,299],[1692801821000,303],[1692801822000,306],[1692801823000,310],[1692801824000,312],[1692801825000,316],[1692801826000,320],[1692801827000,322],[1692801828000,326],[1692801829000,329],[1692801830000,335],[1692801831000,338],[1692801832000,339],[1692801833000,342],[1692801834000,346],[1692801835000,349],[1692801836000,352],[1692801837000,357],[1692801838000,362],[1692801839000,363],[1692801840000,367],[1692801841000,371],[1692801842000,373],[1692801843000,378],[1692801844000,380],[1692801845000,383],[1692801846000,387],[1692801847000,392],[1692801848000,394],[1692801849000,398],[1692801850000,397],[1692801851000,406],[1692801852000,406],[1692801853000,411],[1692801854000,413],[1692801855000,417],[1692801856000,420],[1692801857000,424],[1692801858000,425],[1692801859000,431],[1692801860000,437],[1692801861000,434],[1692801862000,439],[1692801863000,442],[1692801864000,445],[1692801865000,450],[1692801866000,455],[1692801867000,457],[1692801868000,459],[1692801869000,463],[1692801870000,468],[1692801871000,470],[1692801872000,476],[1692801873000,475],[1692801874000,480],[1692801875000,485],[1692801876000,488],[1692801877000,491],[1692801878000,495],[1692801879000,496],[1692801880000,506],[1692801881000,504],[1692801882000,505],[1692801883000,510],[1692801884000,512],[1692801885000,516],[1692801886000,521],[1692801887000,525],[1692801888000,527],[1692801889000,529],[1692801890000,537],[1692801891000,534],[1692801892000,545],[1692801893000,542],[1692801894000,547],[1692801895000,547],[1692801896000,554],[1692801897000,560],[1692801898000,558],[1692801899000,565],[1692801900000,568],[1692801901000,571],[1692801902000,577],[1692801903000,577],[1692801904000,581],[1692801905000,582],[1692801906000,587],[1692801908000,591],[1692801909000,591],[1692801910000,598],[1692801911000,603],[1692801912000,608],[1692801913000,295]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Busca Válida de Pessoas',
data: [
  [1692801708000,3],[1692801709000,2],[1692801710000,2],[1692801711000,2],[1692801712000,2],[1692801713000,2],[1692801714000,2],[1692801715000,2],[1692801716000,2],[1692801717000,2],[1692801718000,2],[1692801719000,2],[1692801720000,2],[1692801721000,2],[1692801722000,2],[1692801723000,2],[1692801724000,2],[1692801725000,2],[1692801726000,2],[1692801727000,2],[1692801728000,2],[1692801729000,2],[1692801730000,2],[1692801731000,2],[1692801732000,2],[1692801733000,6],[1692801734000,7],[1692801735000,7],[1692801736000,8],[1692801737000,8],[1692801738000,9],[1692801739000,9],[1692801740000,10],[1692801741000,11],[1692801742000,11],[1692801743000,11],[1692801744000,12],[1692801745000,13],[1692801746000,13],[1692801747000,13],[1692801748000,14],[1692801749000,15],[1692801750000,15],[1692801751000,16],[1692801752000,16],[1692801753000,17],[1692801754000,17],[1692801755000,18],[1692801756000,18],[1692801757000,19],[1692801758000,19],[1692801759000,20],[1692801760000,20],[1692801761000,21],[1692801762000,22],[1692801763000,21],[1692801764000,23],[1692801765000,23],[1692801766000,23],[1692801767000,24],[1692801768000,25],[1692801769000,25],[1692801770000,26],[1692801771000,26],[1692801772000,26],[1692801773000,27],[1692801774000,28],[1692801775000,28],[1692801776000,29],[1692801777000,29],[1692801778000,30],[1692801779000,30],[1692801780000,31],[1692801781000,31],[1692801782000,32],[1692801783000,34],[1692801784000,33],[1692801785000,33],[1692801786000,34],[1692801787000,34],[1692801788000,35],[1692801789000,36],[1692801790000,36],[1692801791000,36],[1692801792000,38],[1692801793000,37],[1692801794000,38],[1692801795000,39],[1692801796000,39],[1692801797000,40],[1692801798000,40],[1692801799000,41],[1692801800000,41],[1692801801000,42],[1692801802000,42],[1692801803000,43],[1692801804000,43],[1692801805000,44],[1692801806000,44],[1692801807000,45],[1692801808000,46],[1692801809000,46],[1692801810000,46],[1692801811000,47],[1692801812000,48],[1692801813000,48],[1692801814000,48],[1692801815000,49],[1692801816000,50],[1692801817000,50],[1692801818000,51],[1692801819000,51],[1692801820000,52],[1692801821000,52],[1692801822000,53],[1692801823000,53],[1692801824000,54],[1692801825000,54],[1692801826000,55],[1692801827000,55],[1692801828000,56],[1692801829000,56],[1692801830000,57],[1692801831000,58],[1692801832000,58],[1692801833000,58],[1692801834000,59],[1692801835000,60],[1692801836000,60],[1692801837000,60],[1692801838000,61],[1692801839000,62],[1692801840000,62],[1692801841000,63],[1692801842000,63],[1692801843000,64],[1692801844000,65],[1692801845000,66],[1692801846000,65],[1692801847000,67],[1692801848000,66],[1692801849000,67],[1692801850000,67],[1692801851000,68],[1692801852000,69],[1692801853000,68],[1692801854000,70],[1692801855000,70],[1692801856000,70],[1692801857000,71],[1692801858000,72],[1692801859000,72],[1692801860000,73],[1692801861000,73],[1692801862000,73],[1692801863000,74],[1692801864000,75],[1692801865000,75],[1692801866000,76],[1692801867000,76],[1692801868000,77],[1692801869000,77],[1692801870000,78],[1692801871000,78],[1692801872000,79],[1692801873000,80],[1692801874000,80],[1692801875000,80],[1692801876000,81],[1692801877000,81],[1692801878000,82],[1692801879000,83],[1692801880000,83],[1692801881000,83],[1692801882000,85],[1692801883000,84],[1692801884000,85],[1692801885000,86],[1692801886000,86],[1692801887000,87],[1692801888000,87],[1692801889000,88],[1692801890000,88],[1692801891000,88],[1692801892000,90],[1692801893000,90],[1692801894000,90],[1692801895000,91],[1692801896000,91],[1692801897000,92],[1692801898000,93],[1692801899000,93],[1692801900000,93],[1692801901000,94],[1692801902000,95],[1692801903000,95],[1692801904000,95],[1692801905000,97],[1692801906000,96],[1692801908000,98],[1692801909000,97],[1692801910000,99],[1692801911000,98],[1692801912000,100],[1692801913000,48]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '16', '26'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  82.79,16.93,0.14,0.03,0.02,0.01,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692801708,null],[1692801709,null],[1692801710,null],[1692801711,null],[1692801712,null],[1692801713,null],[1692801714,null],[1692801715,null],[1692801716,null],[1692801717,null],[1692801718,null],[1692801719,null],[1692801720,null],[1692801721,null],[1692801722,null],[1692801723,null],[1692801724,null],[1692801725,null],[1692801726,null],[1692801727,null],[1692801728,null],[1692801729,null],[1692801730,null],[1692801731,null],[1692801732,null],[1692801733,null],[1692801734,null],[1692801735,null],[1692801736,null],[1692801737,null],[1692801738,null],[1692801739,null],[1692801740,null],[1692801741,null],[1692801742,null],[1692801743,null],[1692801744,null],[1692801745,null],[1692801746,null],[1692801747,null],[1692801748,null],[1692801749,null],[1692801750,null],[1692801751,null],[1692801752,null],[1692801753,null],[1692801754,null],[1692801755,null],[1692801756,null],[1692801757,null],[1692801758,null],[1692801759,null],[1692801760,null],[1692801761,null],[1692801762,null],[1692801763,null],[1692801764,null],[1692801765,null],[1692801766,null],[1692801767,null],[1692801768,null],[1692801769,null],[1692801770,null],[1692801771,null],[1692801772,null],[1692801773,null],[1692801774,null],[1692801775,null],[1692801776,null],[1692801777,null],[1692801778,null],[1692801779,null],[1692801780,null],[1692801781,null],[1692801782,null],[1692801783,null],[1692801784,null],[1692801785,null],[1692801786,null],[1692801787,null],[1692801788,null],[1692801789,null],[1692801790,null],[1692801791,null],[1692801792,null],[1692801793,null],[1692801794,null],[1692801795,null],[1692801796,null],[1692801797,null],[1692801798,null],[1692801799,null],[1692801800,null],[1692801801,null],[1692801802,null],[1692801803,null],[1692801804,null],[1692801805,null],[1692801806,null],[1692801807,null],[1692801808,null],[1692801809,null],[1692801810,null],[1692801811,null],[1692801812,null],[1692801813,null],[1692801814,null],[1692801815,null],[1692801816,null],[1692801817,null],[1692801818,null],[1692801819,null],[1692801820,null],[1692801821,null],[1692801822,null],[1692801823,null],[1692801824,null],[1692801825,null],[1692801826,null],[1692801827,null],[1692801828,null],[1692801829,null],[1692801830,null],[1692801831,null],[1692801832,null],[1692801833,null],[1692801834,null],[1692801835,null],[1692801836,null],[1692801837,null],[1692801838,null],[1692801839,null],[1692801840,null],[1692801841,null],[1692801842,null],[1692801843,null],[1692801844,null],[1692801845,null],[1692801846,null],[1692801847,null],[1692801848,null],[1692801849,null],[1692801850,null],[1692801851,null],[1692801852,null],[1692801853,null],[1692801854,null],[1692801855,null],[1692801856,null],[1692801857,null],[1692801858,null],[1692801859,null],[1692801860,null],[1692801861,null],[1692801862,null],[1692801863,null],[1692801864,null],[1692801865,null],[1692801866,null],[1692801867,null],[1692801868,null],[1692801869,null],[1692801870,null],[1692801871,null],[1692801872,null],[1692801873,null],[1692801874,null],[1692801875,null],[1692801876,null],[1692801877,null],[1692801878,null],[1692801879,null],[1692801880,null],[1692801881,null],[1692801882,null],[1692801883,null],[1692801884,null],[1692801885,null],[1692801886,null],[1692801887,null],[1692801888,null],[1692801889,null],[1692801890,null],[1692801891,null],[1692801892,null],[1692801893,null],[1692801894,null],[1692801895,null],[1692801896,null],[1692801897,null],[1692801898,null],[1692801899,null],[1692801900,null],[1692801901,null],[1692801902,null],[1692801903,null],[1692801904,null],[1692801905,null],[1692801906,null],[1692801907,null],[1692801908,null],[1692801909,null],[1692801910,null],[1692801911,null],[1692801912,null],[1692801913,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692801708,[6,0,6]],[1692801709,[6,0,6]],[1692801710,[6,0,6]],[1692801711,[6,0,6]],[1692801712,[6,0,6]],[1692801713,[6,0,6]],[1692801714,[6,0,6]],[1692801715,[6,0,6]],[1692801716,[6,0,6]],[1692801717,[6,0,6]],[1692801718,[5,0,5]],[1692801719,[9,0,9]],[1692801720,[6,0,6]],[1692801721,[8,0,8]],[1692801722,[9,0,9]],[1692801723,[10,0,10]],[1692801724,[13,0,13]],[1692801725,[6,0,6]],[1692801726,[12,0,12]],[1692801727,[11,0,11]],[1692801728,[11,0,11]],[1692801729,[7,0,7]],[1692801730,[10,0,10]],[1692801731,[8,0,8]],[1692801732,[8,0,8]],[1692801733,[17,0,17]],[1692801734,[21,0,21]],[1692801735,[26,0,26]],[1692801736,[30,0,30]],[1692801737,[35,0,35]],[1692801738,[37,0,37]],[1692801739,[42,0,42]],[1692801740,[47,0,47]],[1692801741,[49,0,49]],[1692801742,[56,0,56]],[1692801743,[58,0,58]],[1692801744,[62,0,62]],[1692801745,[65,0,65]],[1692801746,[70,0,70]],[1692801747,[75,0,75]],[1692801748,[79,0,79]],[1692801749,[81,0,81]],[1692801750,[86,0,86]],[1692801751,[92,0,92]],[1692801752,[94,0,94]],[1692801753,[99,0,99]],[1692801754,[101,0,101]],[1692801755,[107,0,107]],[1692801756,[110,0,110]],[1692801757,[114,0,114]],[1692801758,[120,0,120]],[1692801759,[121,0,121]],[1692801760,[127,0,127]],[1692801761,[130,0,130]],[1692801762,[136,0,136]],[1692801763,[138,0,138]],[1692801764,[142,0,142]],[1692801765,[146,0,146]],[1692801766,[150,0,150]],[1692801767,[155,0,155]],[1692801768,[159,0,159]],[1692801769,[162,0,162]],[1692801770,[166,0,166]],[1692801771,[171,0,171]],[1692801772,[175,0,175]],[1692801773,[178,0,178]],[1692801774,[182,0,182]],[1692801775,[187,0,187]],[1692801776,[191,0,191]],[1692801777,[194,0,194]],[1692801778,[199,0,199]],[1692801779,[202,0,202]],[1692801780,[207,0,207]],[1692801781,[210,0,210]],[1692801782,[215,0,215]],[1692801783,[220,0,220]],[1692801784,[223,0,223]],[1692801785,[226,0,226]],[1692801786,[230,0,230]],[1692801787,[235,0,235]],[1692801788,[239,0,239]],[1692801789,[243,0,243]],[1692801790,[247,0,247]],[1692801791,[251,0,251]],[1692801792,[255,0,255]],[1692801793,[259,0,259]],[1692801794,[262,0,262]],[1692801795,[267,0,267]],[1692801796,[270,0,270]],[1692801797,[277,0,277]],[1692801798,[278,0,278]],[1692801799,[282,0,282]],[1692801800,[287,0,287]],[1692801801,[291,0,291]],[1692801802,[295,0,295]],[1692801803,[299,0,299]],[1692801804,[303,0,303]],[1692801805,[306,0,306]],[1692801806,[311,0,311]],[1692801807,[315,0,315]],[1692801808,[320,0,320]],[1692801809,[322,0,322]],[1692801810,[327,0,327]],[1692801811,[331,0,331]],[1692801812,[336,0,336]],[1692801813,[339,0,339]],[1692801814,[342,0,342]],[1692801815,[347,0,347]],[1692801816,[351,0,351]],[1692801817,[355,0,355]],[1692801818,[360,0,360]],[1692801819,[362,0,362]],[1692801820,[368,0,368]],[1692801821,[371,0,371]],[1692801822,[376,0,376]],[1692801823,[379,0,379]],[1692801824,[383,0,383]],[1692801825,[386,0,386]],[1692801826,[391,0,391]],[1692801827,[395,0,395]],[1692801828,[400,0,400]],[1692801829,[402,0,402]],[1692801830,[408,0,408]],[1692801831,[411,0,411]],[1692801832,[416,0,416]],[1692801833,[419,0,419]],[1692801834,[423,0,423]],[1692801835,[427,0,427]],[1692801836,[431,0,431]],[1692801837,[435,0,435]],[1692801838,[440,0,440]],[1692801839,[442,0,442]],[1692801840,[447,0,447]],[1692801841,[453,0,453]],[1692801842,[455,0,455]],[1692801843,[460,0,460]],[1692801844,[462,0,462]],[1692801845,[468,0,468]],[1692801846,[471,0,471]],[1692801847,[475,0,475]],[1692801848,[480,0,480]],[1692801849,[483,0,483]],[1692801850,[488,0,488]],[1692801851,[492,0,492]],[1692801852,[496,0,496]],[1692801853,[499,0,499]],[1692801854,[503,0,503]],[1692801855,[508,0,508]],[1692801856,[511,0,511]],[1692801857,[516,0,516]],[1692801858,[519,0,519]],[1692801859,[523,0,523]],[1692801860,[527,0,527]],[1692801861,[532,0,532]],[1692801862,[536,0,536]],[1692801863,[540,0,540]],[1692801864,[543,0,543]],[1692801865,[547,0,547]],[1692801866,[552,0,552]],[1692801867,[556,0,556]],[1692801868,[560,0,560]],[1692801869,[562,0,562]],[1692801870,[567,0,567]],[1692801871,[573,0,573]],[1692801872,[576,0,576]],[1692801873,[580,0,580]],[1692801874,[584,0,584]],[1692801875,[587,0,587]],[1692801876,[591,0,591]],[1692801877,[596,0,596]],[1692801878,[601,0,601]],[1692801879,[602,0,602]],[1692801880,[608,0,608]],[1692801881,[612,0,612]],[1692801882,[617,0,617]],[1692801883,[620,0,620]],[1692801884,[624,0,624]],[1692801885,[627,0,627]],[1692801886,[631,0,631]],[1692801887,[638,0,638]],[1692801888,[640,0,640]],[1692801889,[642,0,642]],[1692801890,[648,0,648]],[1692801891,[653,0,653]],[1692801892,[656,0,656]],[1692801893,[659,0,659]],[1692801894,[664,0,664]],[1692801895,[667,0,667]],[1692801896,[672,0,672]],[1692801897,[676,0,676]],[1692801898,[681,0,681]],[1692801899,[684,0,684]],[1692801900,[688,0,688]],[1692801901,[691,0,691]],[1692801902,[697,0,697]],[1692801903,[701,0,701]],[1692801904,[703,0,703]],[1692801905,[707,0,707]],[1692801906,[712,0,712]],[1692801907,[717,0,717]],[1692801908,[719,0,719]],[1692801909,[724,0,724]],[1692801910,[729,0,729]],[1692801911,[733,0,733]],[1692801912,[736,0,736]],[1692801913,[346,0,346]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692801708,[6,0,6]],[1692801709,[6,0,6]],[1692801710,[6,0,6]],[1692801711,[6,0,6]],[1692801712,[6,0,6]],[1692801713,[6,0,6]],[1692801714,[6,0,6]],[1692801715,[6,0,6]],[1692801716,[6,0,6]],[1692801717,[6,0,6]],[1692801718,[5,0,5]],[1692801719,[9,0,9]],[1692801720,[6,0,6]],[1692801721,[8,0,8]],[1692801722,[9,0,9]],[1692801723,[10,0,10]],[1692801724,[13,0,13]],[1692801725,[6,0,6]],[1692801726,[12,0,12]],[1692801727,[11,0,11]],[1692801728,[11,0,11]],[1692801729,[7,0,7]],[1692801730,[10,0,10]],[1692801731,[8,0,8]],[1692801732,[8,0,8]],[1692801733,[17,0,17]],[1692801734,[21,0,21]],[1692801735,[26,0,26]],[1692801736,[30,0,30]],[1692801737,[35,0,35]],[1692801738,[37,0,37]],[1692801739,[42,0,42]],[1692801740,[47,0,47]],[1692801741,[49,0,49]],[1692801742,[56,0,56]],[1692801743,[58,0,58]],[1692801744,[62,0,62]],[1692801745,[65,0,65]],[1692801746,[70,0,70]],[1692801747,[75,0,75]],[1692801748,[79,0,79]],[1692801749,[81,0,81]],[1692801750,[86,0,86]],[1692801751,[92,0,92]],[1692801752,[94,0,94]],[1692801753,[98,0,98]],[1692801754,[102,0,102]],[1692801755,[107,0,107]],[1692801756,[110,0,110]],[1692801757,[114,0,114]],[1692801758,[120,0,120]],[1692801759,[121,0,121]],[1692801760,[127,0,127]],[1692801761,[130,0,130]],[1692801762,[136,0,136]],[1692801763,[138,0,138]],[1692801764,[142,0,142]],[1692801765,[146,0,146]],[1692801766,[150,0,150]],[1692801767,[155,0,155]],[1692801768,[159,0,159]],[1692801769,[162,0,162]],[1692801770,[166,0,166]],[1692801771,[171,0,171]],[1692801772,[175,0,175]],[1692801773,[178,0,178]],[1692801774,[182,0,182]],[1692801775,[187,0,187]],[1692801776,[191,0,191]],[1692801777,[194,0,194]],[1692801778,[199,0,199]],[1692801779,[202,0,202]],[1692801780,[207,0,207]],[1692801781,[210,0,210]],[1692801782,[215,0,215]],[1692801783,[219,0,219]],[1692801784,[224,0,224]],[1692801785,[226,0,226]],[1692801786,[230,0,230]],[1692801787,[235,0,235]],[1692801788,[239,0,239]],[1692801789,[243,0,243]],[1692801790,[247,0,247]],[1692801791,[251,0,251]],[1692801792,[255,0,255]],[1692801793,[259,0,259]],[1692801794,[262,0,262]],[1692801795,[267,0,267]],[1692801796,[270,0,270]],[1692801797,[277,0,277]],[1692801798,[278,0,278]],[1692801799,[282,0,282]],[1692801800,[287,0,287]],[1692801801,[291,0,291]],[1692801802,[295,0,295]],[1692801803,[299,0,299]],[1692801804,[303,0,303]],[1692801805,[306,0,306]],[1692801806,[311,0,311]],[1692801807,[315,0,315]],[1692801808,[320,0,320]],[1692801809,[322,0,322]],[1692801810,[327,0,327]],[1692801811,[331,0,331]],[1692801812,[336,0,336]],[1692801813,[339,0,339]],[1692801814,[342,0,342]],[1692801815,[347,0,347]],[1692801816,[351,0,351]],[1692801817,[355,0,355]],[1692801818,[360,0,360]],[1692801819,[361,0,361]],[1692801820,[369,0,369]],[1692801821,[371,0,371]],[1692801822,[376,0,376]],[1692801823,[379,0,379]],[1692801824,[383,0,383]],[1692801825,[386,0,386]],[1692801826,[391,0,391]],[1692801827,[395,0,395]],[1692801828,[400,0,400]],[1692801829,[402,0,402]],[1692801830,[408,0,408]],[1692801831,[411,0,411]],[1692801832,[416,0,416]],[1692801833,[419,0,419]],[1692801834,[423,0,423]],[1692801835,[427,0,427]],[1692801836,[431,0,431]],[1692801837,[435,0,435]],[1692801838,[440,0,440]],[1692801839,[442,0,442]],[1692801840,[447,0,447]],[1692801841,[453,0,453]],[1692801842,[455,0,455]],[1692801843,[460,0,460]],[1692801844,[462,0,462]],[1692801845,[468,0,468]],[1692801846,[471,0,471]],[1692801847,[475,0,475]],[1692801848,[480,0,480]],[1692801849,[483,0,483]],[1692801850,[488,0,488]],[1692801851,[492,0,492]],[1692801852,[496,0,496]],[1692801853,[499,0,499]],[1692801854,[503,0,503]],[1692801855,[508,0,508]],[1692801856,[511,0,511]],[1692801857,[516,0,516]],[1692801858,[519,0,519]],[1692801859,[523,0,523]],[1692801860,[527,0,527]],[1692801861,[532,0,532]],[1692801862,[536,0,536]],[1692801863,[540,0,540]],[1692801864,[543,0,543]],[1692801865,[547,0,547]],[1692801866,[552,0,552]],[1692801867,[556,0,556]],[1692801868,[560,0,560]],[1692801869,[562,0,562]],[1692801870,[567,0,567]],[1692801871,[573,0,573]],[1692801872,[576,0,576]],[1692801873,[580,0,580]],[1692801874,[584,0,584]],[1692801875,[587,0,587]],[1692801876,[591,0,591]],[1692801877,[596,0,596]],[1692801878,[600,0,600]],[1692801879,[603,0,603]],[1692801880,[607,0,607]],[1692801881,[612,0,612]],[1692801882,[618,0,618]],[1692801883,[620,0,620]],[1692801884,[624,0,624]],[1692801885,[627,0,627]],[1692801886,[631,0,631]],[1692801887,[638,0,638]],[1692801888,[640,0,640]],[1692801889,[642,0,642]],[1692801890,[648,0,648]],[1692801891,[652,0,652]],[1692801892,[657,0,657]],[1692801893,[659,0,659]],[1692801894,[664,0,664]],[1692801895,[667,0,667]],[1692801896,[672,0,672]],[1692801897,[676,0,676]],[1692801898,[681,0,681]],[1692801899,[684,0,684]],[1692801900,[688,0,688]],[1692801901,[691,0,691]],[1692801902,[696,0,696]],[1692801903,[702,0,702]],[1692801904,[702,0,702]],[1692801905,[708,0,708]],[1692801906,[712,0,712]],[1692801907,[717,0,717]],[1692801908,[719,0,719]],[1692801909,[724,0,724]],[1692801910,[729,0,729]],[1692801911,[733,0,733]],[1692801912,[736,0,736]],[1692801913,[346,0,346]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68418.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
